<template>
	<view>
		<view class="list u-flex num1">
			<view class="item u-flex" v-for="(item,index) in listA" :key="index" @click="jump(item.url)">
				<image :src="item.icon"></image>
				<view class="u-line-1">{{item.text}}</view>
			</view>
		</view>
		<view class="list u-flex num2">
			<view class="item u-flex" v-for="(item,index) in listB" :key="index" @click="jump(item.url)">
				<image :src="item.icon"></image>
				<view class="u-line-1">{{item.text}}</view>
			</view>
		</view>
		<view class="banner">
			<image src="/pages/more/static/icon/banner-index.png" mode="widthFix"></image>
		</view>
		
		<view class="img-link u-flex">
			<!-- <image src="/pages/more/static/icon/icon-left.png" @click="$app.jump('/pages/more/by-process')"></image> -->
			<image src="/pages/more/static/icon/icon-left.png" @click="$app.openXY(8)"></image>
			<image src="/pages/more/static/icon/icon-right.png" @click="jump('/pages/more/entrust-house')"></image>
		</view>
		
		<!-- 底部安全区适配 -->
		<view class="safe-area-inset-bottom"></view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				listA:[{
					text:'评估业务',
					icon:'/pages/more/static/icon/icon1.png',
					url:'/pages/more/assess'
				},{
					text:'蓝图测绘',
					icon:'/pages/more/static/icon/icon2.png',
					url:'/pages/more/mapping'
				},{
					text:'地图找房',
					icon:'/pages/more/static/icon/icon3.png',
					url:'/pages/map/index'
				}],
				listB:[
					// {
					// 	text:'税费计算',
					// 	icon:'/pages/more/static/icon/icon4.png',
					// 	url:''
					// },
				{
					text:'商业贷款',
					icon:'/pages/more/static/icon/icon5.png',
					url:'/pages/more/loans-calc'
				},{
					text:'组合贷款',
					icon:'/pages/more/static/icon/icon6.png',
					url:'/pages/more/group-calc'
				},{
					text:'公积金贷款',
					icon:'/pages/more/static/icon/icon7.png',
					url:'/pages/more/gjj-calc'
				},{
					text:'提前还款计算',
					icon:'/pages/more/static/icon/icon8.png',
					url:'/pages/more/forward-refund'
				},
				// {
				// 	text:'按揭计算',
				// 	icon:'/pages/more/static/icon/icon9.png',
				// 	url:''
				// },{
				// 	text:'贷款成数',
				// 	icon:'/pages/more/static/icon/icon10.png',
				// 	url:''
				// },{
				// 	text:'房屋属权查询',
				// 	icon:'/pages/more/static/icon/icon11.png',
				// 	url:''
				// }
				]
			}
		},
		methods:{
		}
	}
</script>

<style lang="scss">
	.bg{
		background: linear-gradient(145deg, #ff5d5d 25%, #ff5353 0, #ff4747 50%,#ff3737 0,#ff3a33 75%,#ff4747 0,#ff3737 100%);
		height: 100rpx;
	}
	.list{
		flex-wrap: wrap;padding: 20rpx 30rpx;
		.item{width: 25%;text-align: center;flex-direction: column;justify-content: center;padding: 22rpx 0;
			image{width: 110rpx;height: 110rpx;display: block;}
			view{width: 100%;font-size: 28rpx;color: #333;margin-top: 14rpx;}
		}
		&.num1{border-radius:  0 0 20rpx 20rpx;box-shadow: 0 0 20rpx #ddd;}
	}
	.banner{padding: 0 30rpx;
		image{border-radius: 24rpx;display: block;width: 100%;}
	}
	.img-link{justify-content: space-between;padding: 30rpx;
		image{display: block;width: 332rpx;height: 371rpx;}
	}
</style>
